        .left{
            float: left;
        }
        .right{
            float: right;
        }

        body{
            margin: 0;
        }
        .hide{
            display: none;
        }
        .pg-header{
            height: 48px;
            min-width: 1190px;
            background-color: #1b6d85;
            line-height: 48px;
        }
        .pg-header .logo{
            color:white;
            font-size: 18px;
            width: 200px;
            text-align: center;
            border-right: 1px solid #5e5e5e;
        }
        .pg-header .rmenus a{
            display: inline-block;
            padding: 0 15px;
            color: white;
        }
        .pg-header .rmenus a:hover{
            background-color: #2e6da4;
        }
        .pg-header .avatar{
            padding: 0 20px;
        }
        .pg-header .avatar img{
            border-radius: 50%;
        }
        .pg-header .avatar .user-info{
            display: none;
            position: absolute;
            width: 200px;
            top:48px;
            right: 2px;
            border: 1px solid #dddddd;
            background-color: white;
            color: #2aabd2;
            z-index: 100;
        }
        .pg-header .avatar:hover .user-info{
            display: block;
        }
         .pg-header .avatar .user-info a{
             display: block;

         }
        .menus{

            width: 200px;
            position: absolute;
            left:0;
            bottom: 0;
            top: 48px;
            float:left;
            border-right: 1px solid #2aabd2;
            background-color: #dddddd;

        }
        .content{
            position: absolute;
            left: 200px;
            right: 0;
            top:48px;
            bottom: 0;
            min-width: 990px;
            overflow: scroll;
            float: left;

            z-index: 99;
        }
        .pg-body .menus a{
            display: block;
            padding: 10px 5px;
            border-bottom: 1px solid #2aabd2;
        }